<!--
 * @Descripttion:
 * @Author: Silence
 * @Date: 2023-05-23 20:14:44
 * @LastEditors: Silence
 * @LastEditTime: 2023-05-23 21:07:47
-->
<template>
  <div>
    <h1>={{ msg }}=</h1>
    <CommonBox @msg="name"></CommonBox>
  </div>
</template>
<script>
import CommonBox from './components/CommonBox.vue'
export default {
  components: {
    CommonBox
  },
  data () {
    return {
      msg: ''
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    name (val) {
      this.msg = val
    }
  }
}
</script>
<style lang='less'  scoped>
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
</style>
